<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Copyright Microsoft Corporation. All Rights Reserved, 2002 -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>13_6-BF-01</title>
</head>
<body>

<div class="TestPurpose">Verify MAP element attribute: name, AREA element attributes: shape, coords, nohref attributes, and usemap attribute</div>
<div class="AssertionsTested">Test for assertions 13.6.1-1, 13.6.1-2, 13.6.1-3, 13.6.1-4, 13.6.1-5, and 13.6.1-6</div>
<div class='FilesTested'>File: 13_6_1-BF-01.html</div>
<pre style='border: 1px solid black; padding: 5px'>
<strong>Source</strong>
&lt;p&gt;

When you click on the larger circle, circle.html shall load.&lt;/p&gt;
&lt;p&gt;When you click on the upper rectangle. rect0.html shall load.&lt;/p&gt;
&lt;p&gt;When you click on the lower rectangle, rect2.html shall load.&lt;/p&gt;
&lt;p&gt;When you click on the nine-sided polygon, poly.html shall load.&lt;/p&gt;
&lt;p&gt;When you click on the smaller circle, nothing shall happen.&lt;/p&gt;


&lt;div&gt;

&lt;img src=&quot;map1.gif&quot; usemap=&quot;#map1&quot; alt=&quot;map1&quot; /&gt;

&lt;map name=&quot;map1&quot;&gt;
	&lt;area alt=&quot;rect1&quot;  shape=&quot;rect&quot; coords=&quot;50,7,88,26&quot; href=&quot;rect0.html&quot; /&gt;
	&lt;area alt=&quot;circle&quot;  shape=&quot;circle&quot; coords=&quot;20,20,12&quot; href=&quot;circle.html&quot;/&gt;
	&lt;area alt=&quot;rect2&quot;  shape=&quot;rect&quot; coords=&quot;75,37,87,68&quot; href=&quot;rect2.html&quot;/&gt;
	&lt;area alt=&quot;circle2&quot;  shape=&quot;circle&quot; coords=&quot;12,64,7&quot; nohref=&quot;nohref&quot; /&gt;
	&lt;area alt=&quot;poly&quot;  shape=&quot;poly&quot; coords=&quot;13,44,32,37,49,48,48,37,63,49,43,67,30,55,23,62,25,49&quot; href=&quot;poly.html&quot;/&gt;
&lt;/map&gt;
&lt;/div&gt;
</pre>

<p>

When you click on the larger circle, circle.html shall load.</p>
<p>When you click on the upper rectangle. rect0.html shall load.</p>
<p>When you click on the lower rectangle, rect2.html shall load.</p>
<p>When you click on the nine-sided polygon, poly.html shall load.</p>
<p>When you click on the smaller circle, nothing shall happen.</p>


<div>

<img src="map1.gif" usemap="#map1" alt="map1" />

<map id="map1">
	<area alt="rect1"  shape="rect" coords="50,7,88,26" href="rect0.html" />
	<area alt="circle"  shape="circle" coords="20,20,12" href="circle.html"/>
	<area alt="rect2"  shape="rect" coords="75,37,87,68" href="rect2.html"/>
	<area alt="circle2"  shape="circle" coords="12,64,7" nohref="nohref" />
	<area alt="poly"  shape="poly" coords="13,44,32,37,49,48,48,37,63,49,43,67,30,55,23,62,25,49" href="poly.html"/>
</map>
</div>

</body>
</html>
